<%-- 
    Document   : index
    Created on : 17-sep-2013, 16:29:57
    Author     : joelpacheco
--%>

<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@taglib uri="http://www.springframework.org/tags" prefix="spring" %>
<%@taglib uri="http://www.springframework.org/tags/form" prefix="fmt" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>GedeonMvc</title>
        <%@include file="../../template/estilos.jsp"%>
        <%@include file="../../template/script_nestable.jsp" %>



    </head>

    <body class="page-header-fixed">

        <%@include file="../../template/header.jsp"%>

        <div class="page-container">
            <%@include file="../../template/sidebar.jsp"%>
            <input id="menu" type="hidden" name="menu" value="rol">
            <input id="modulo" type="hidden" name="modulo" value="treeview">
            <div class="page-content">
                <div class="container-fluid">
                    <div class="row-fluid">
                        <div class="span12">
                            <!-- BEGIN STYLE CUSTOMIZER -->
                            <div class="color-panel hidden-phone">
                                <div class="color-mode-icons icon-color"></div>
                                <div class="color-mode-icons icon-color-close"></div>

                            </div>
                            <!-- END BEGIN STYLE CUSTOMIZER --> 
                            <!-- BEGIN PAGE TITLE & BREADCRUMB-->
                            <h3 class="page-title">
                                Árbol de Roles. <small> Lista de roles por jerarquía</small>
                            </h3>
                        </div>
                    </div>
                    <div class="row-fluid">
                        <div class="span12">
                            <div id="nestable_list_menu" class="margin-bottom-10">
                                <button data-action="expand-all" class="btn" type="button">Expand All</button>
                                <button data-action="collapse-all" class="btn" type="button">Collapse All</button>
                                <button id="btntreeview"  class="btn" type="button">Save Change</button>

                            </div>
                        </div>

                        <textarea id="treeview_output" class="m-wrap span12" style="display:none;"></textarea>
                    </div>
                    <div id="alertload"></div>

                    <div class="row-fluid">

                        <div class="span6">
                            <div class="portlet box yellow">
                                <div class="portlet-title">
                                    <div class="caption"><i class="icon-comments"></i>Lista de Roles</div>
                                    <div class="tools">
                                        <a href="javascript:;" class="collapse"></a>
                                        <a href="#portlet-config" data-toggle="modal" class="config"></a>
                                        <a href="javascript:;" class="reload"></a>
                                    </div>
                                </div>

                                <div class="portlet-body">


                                    ${treeview}



                                    <!--  <div class="dd" id="treeview">
                                    <ol class="dd-list">
                                           <li class="dd-item dd3-item" data-id="13">
                                               <div class="dd-handle dd3-handle"></div>
                                               <div class="dd3-content">Item 13</div>
                                           </li>
                                           <li class="dd-item dd3-item" data-id="14">
                                               <div class="dd-handle dd3-handle"></div>
                                               <div class="dd3-content">Item 14</div>
                                           </li>
                                           <li class="dd-item dd3-item" data-id="15">
                                               <div class="dd-handle dd3-handle"></div>
                                               <div class="dd3-content">Item 15</div>
                                               <ol class="dd-list">
                                                   <li class="dd-item dd3-item" data-id="16">
                                                       <div class="dd-handle dd3-handle"></div>
                                                       <div class="dd3-content">Item 16</div>
                                                   </li>
                                                   <li class="dd-item dd3-item" data-id="17">
                                                       <div class="dd-handle dd3-handle"></div>
                                                       <div class="dd3-content">Item 17</div>
                                                   </li>
                                                   <li class="dd-item dd3-item" data-id="18">
                                                       <div class="dd-handle dd3-handle"></div>
                                                       <div class="dd3-content">Item 18</div>
                                                   </li>
                                               </ol>
                                           </li>
                                       </ol>
                                   </div>-->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <%@include file="../../template/footer.jsp"%>
    </body>
</html>

